/* 基本元素重置 */
html { 
	overflow-x:hidden;
	font-size: 20px; 
}
*{
	margin:0px; 
	padding:0px;
}
body,html{
	font-family:"Microsoft YaHei",SimSun,SimHei; 
}
img{
	border:0px;
}
a{
	text-decoration:none; 
	color:#fff; 
	outline:none;
}
div{
	margin:0px auto;
}
li,dl,dt,dd{
	list-style-type:none;
}
input,button{ 
	background:none; 
	outline:none; 
	border:0px; 
}

/*背景图片样式*/
#container{
	width: 100%;
	height: 42.225rem;
	background: url(../images/bg.png) no-repeat;
	background-size: 100%;
}

#baccont .kong{
	height: 11.6rem;
	width: 100%;
}

#inputCon{
	color:#fff;
	width: 100%;
	text-align: center;
    height: 17.6rem;
}
#inputCon input{
	margin-top: 1rem;
    font-size: 0.7rem;
    
}

#inputCon .phone{
	padding: 0.5rem 0 0.5rem 2.925rem;
	width: 62%;
	background: url(../images/phone.png) no-repeat 1rem;
	background-size: 6%;

	
}

#inputCon .userPss{
	
	padding: 0.5rem 0 0.5rem 2.925rem;
	width: 62%;
	background: url(../images/icon_lock.png) no-repeat 1rem;
	background-size: 6%;
	
}

#inputCon .smscode{
	width: 35.4%;
	padding: 0.5rem 0 0.5rem 2.925rem;
    background: url(../images/icon_securitycod.png) no-repeat 1rem;
    background-size: 9.5%; 
}


#inputCon .inputSty{
	border: 1px solid #fff;
	background-color: #fff;
	border-radius:24px; 

}

#inputCon .btnSend{
	outline: none;
	border:1px solid #fecf29;
	background-color: #fecf29;
	width: 24.33%;
	border-radius:24px; 
	color: #e9453e;
	font-size: 0.7rem;
	padding: 0.4rem 0.1rem;
}

#inputCon .regGet{
	height: 2.25rem;
	width: 77.33%;
	background: url(../images/btn_signin.png) no-repeat center;
	background-size: 100%;
	font-size: 0.9rem;
	color: #e9453e;
	margin-top: 1.7rem;
}
#inputCon .agree{
	font-size: 0.55rem; 
    margin-top: -0.2rem;
}
input[type=checkbox]  {  
    display: inline-block;  
    vertical-align: middle;  
    width: 5.1%;   
    -webkit-appearance: none;  
    background-color: transparent;  
    border: 0;  
    outline: 0 !important;  
    color: #d8d8d8;  
}  
input[type=checkbox]:after  {  
    content: "";  
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 0.28rem;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle; 
    margin-top: -1.2rem;
}  
input[type=checkbox]:checked:after  {  
    background-color: #fff;
    border: 1px solid #ddd;   
}  
.about{
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
	/*padding:0.2rem 0.9rem;*/
	color: #fff;
    text-align: center;
    /*margin-top: 1.9rem;*/
}
.aboutXiadao .aboutCon{
	width: 100%;
    /*margin-top: 1.05rem;*/
    /*margin-left: 1.06rem;*/
}
.aboutXiadao .aboutTxt{
	font-size: 0.6rem;
	width:83%;
	color: #fff;
	/*padding: 0.5rem;*/
	line-height: 0.8rem;
    margin: 0 auto;
}

// 弹窗样式
.modal{  
    // display: none;  
    width: 100%;  
    height: 100%;  
    position: fixed;  
    left: 0;  
    top: 0;  
    z-index: 1000;  
    background-color: rgba(0,0,0,0.5);  
}  
.modal-content{  
    // height: 100%;  
    // border-radius:10px;  
    /*background-color:#fff;*/
    background: url(../images/hongbao.png) no-repeat;
    background-size:100%; 
    // -webkit-animation: zoom 0.6s;  
    // animation: zoom 0.6s;  
    // resize: both;  
    overflow: auto; 
    margin-top: 3.5rem; 
}  
// @-webkit-keyframes zoom{  
//     from {-webkit-transform: scale(0)}  
//     to {-webkit-transform: scale(1)}  
// }  
// @keyframes zoom{  
//     from {transform: scale(0)}  
//     to {transform: scale(1)}  
// }  
.modal-header{  
    width: 100%;
    text-align: center;
} 
.modal-header img{
    margin-top: 0.2rem;
} 
@media only screen and (max-width: 700px){  
    .modal-content {  
        width: 80%;
        height: 24.4rem;  
    }  
} 
.nullBox{
    width: 100%;
    height: 11em;
}
.modalReg{
    width: 100%;
    height: 2rem;
    text-align: center;
}
.modalBtn{
    background: url(../images/btn_download.png) no-repeat;
    background-size: 100%;
    font-size: 1.05rem;
    color: #e9453e;
    width: 61.6%;
    height: 1.8rem;
    line-height: 1.8rem;
}
.modalPone{
    height: 44%;
    margin-top: 1.5rem;
    color: #fff;
} 
.modalPone p{
	font-size: 1rem;
}
// 表单验证
#inputCon .layer{
    width: 65%;
    z-index: 101;
    margin:0 auto;
}
.layer p{
    width: 50%;
    border: 1px solid #333;
    background: #333;
    font-size:0.7rem;
    padding: 0.5rem;
    opacity: 0.9;
    border-radius: 25px;
    display: none;
    position: absolute;
    z-index: 100;
    left: 25%;
}




























